import { Component, OnInit, ViewChild } from '@angular/core';

@Component({
  selector: 'my-div',
  templateUrl: './my-div.component.html',
  styleUrls: ['./my-div.component.css'],
})
export class MyDivComponent implements OnInit {
  @ViewChild('myHeader') myHeader: any;
  @ViewChild('h3tag') h3tag: any;
  constructor() {}
  ngOnInit(): void {}
  ngAfterViewInit(): void {
    // DOM节点加载完成。
    // 这里可以访问各个View 了。
    // 包括ViewChild定义的，或者JS获取的。

    this.h3tag.nativeElement.style.color = 'red';
    // ↓这里可以调用子组件的方法
    this.myHeader.sayHello();
  }
}
